<template>
  <view class="content">
    <view class="erweima">
      <view class="right">
        <view class="title">
          社群：群二维码
        </view>
        <view class="huise">
          关闭后,只能通过邀请朋友进群，扫描二维码进群将通用,开启可恢复扫描二维码进群。
        </view>
      </view>
      <view class="left">
        <u-switch v-model="value" @change="change" activeColor='#FE2A31'></u-switch>
      </view>
    </view>
    <!-- 群二维码 -->
    <!-- 群管理圆 -->
    <!-- 聊天记录 -->
    <view class="Chatrecords" @click="tosetting">
      <view class="lable">
        <view class="left">
          群管理员
        </view>
        <view class="right">
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
    </view>
    <!-- 聊天记录 -->
  </view>

</template>

<script>
  export default {
    data() {
      return {
        value: ""
      };
    },
    methods: {
      change(e) {
        console.log('change', e);
      },
      tosetting() {
        uni.navigateTo({
          url: '../message/groupManagementSettings',
        });
      }

    }

  }
</script>

<style lang="scss">
  .erweima {
    background-color: #fff;
    padding: 2% 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .right {
      width: 78%;

      .title {
        font-family: Noto Sans SC;
        font-size: 18px;
        font-weight: 500;
      }

      .huise {
        color: rgb(150, 150, 150);

        font-family: Noto Sans SC;

        font-size: 12px;

      }
    }
  }

  .lable:last-child {
    margin-bottom: 0rpx;
  }

  .lable {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50rpx;

    .left {
      font-size: 35rpx;
    }

    .right {
      display: flex;
      text-align: center;

      .text {
        font-size: 30rpx;
        margin-right: 15rpx;
        color: rgb(150, 150, 150);
        // padding-bottom: 10rpx;
      }

      .jiantou {
        width: 14rpx;
        height: 28rpx;
        margin-top: 10rpx;
      }
    }
  }

  .Chatrecords {
    margin-top: 20rpx;
    padding: 5% 5%;
    background-color: #fff;
    margin-bottom: 10rpx;
  }
</style>